@charset "utf-8";

.section_title{position: relative;padding: 40px 0 15px 0; width: 1180px;margin: 0 auto;}
.section_title:after{content: "";display: block;clear: both;}
.section_title_line{border-bottom: 2px solid #333;margin-bottom: 20px;}
.section_title strong{float: left;font-size: 22px;vertical-align: baseline;margin-right: 10px;color: #333;}
.section_title strong span{font-size: 16px;color: #888;vertical-align: baseline;padding-left: 10px;}
.section_title .selection{width: 280px;position: absolute;right: 0;bottom: 15px;font-size: 16px;}
.section_title .link_more{position: absolute;right: 0;bottom: 18px;font-size: 12px;color:#9f9f9f;padding:0 13px 1px 0px;}
.section_title .link_more i{margin-left: 3px;vertical-align: 0;display: none;}
.section_title p{float: right;font-size: 16px;}

.hot_pic{width: 1180px;margin: 30px auto;}
.hot_pic_list{}
.hot_pic_list li{position: relative;}
.hot_pic_list:after{content: "";display: block;clear: both;}
.hot_pic_list > a{float: left;width: 380px;height: 264px;}
.hot_pic_list > a img{width: 100%;height: 100%;}
.hot_pic_list > ul{float: right;width:794px}
.hot_pic_list > ul li{float: left;width: 186px;padding:1px;margin-left: 12px;margin-bottom: 5px;}
.hot_pic_list > ul li a{position: relative;z-index: 1;}
.hot_pic_list > ul li p{height: 44px;overflow:hidden;line-height: 22px;font-size: 14px;}
.hot_pic_list > ul li img{margin-bottom: 5px;}
.hot_pic_list > ul li b{display: inline-block;margin-top: 10px;font-size: 18px;}

.hot_pic_list li .fa-heart {color:#ff0000}
.hot_pic_list li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.hot_pic_list li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.hot_pic_list li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.hot_pic_list li .fa-caret-right {color:#bbb}
.hot_pic_list li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.hot_pic_list li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}


.recopick_list > ul{float: none;width:1180px}
.recopick_list > ul li{float: left;width: 216px;padding:1px;margin-left: 20px;margin-bottom: 20px;}
.recopick_list > ul li:nth-child(5n+1){margin-left:0;}
.recopick_list > ul li a{position: relative;z-index: 99;}
.recopick_list > ul li a img{}
.recopick_list > ul li p{height: 44px;overflow:hidden;line-height: 22px;font-size: 14px;}
.recopick_list .owl-dots{display:none}
.recopick_list .owl-carousel .owl-nav .owl-prev{position: absolute;left: -30px;top: 125px;width: 17px;height: 33px;background: url(./img/btn_line_left.png) no-repeat;}
.recopick_list .owl-carousel .owl-nav .owl-next{position: absolute;right: -30px;top: 125px;width: 17px;height: 33px;background: url(./img/btn_line_right.png) no-repeat;}


/* 커스텀 */

.latest-02-wrap {width: 100%; display: flex; align-items: center; justify-content: flex-end; background: #202124; padding: 42px 0;} 
.latest-02-wrap > div:first-child {width: 400px; display: flex; flex-direction: column;  align-items: flex-end;}
.latest-02-wrap > div:first-child > div {width: 273px; margin-right: 1.7vw; margin-left: 5.5vw;}
.latest-02-wrap > div:first-child > div > p {color: #fff;}
.latest-02-wrap > div:first-child > div > p:nth-child(1) {font-size: 4.2rem; font-weight: 100; margin-bottom: 15px;}
.latest-02-wrap > div:first-child > div > p:nth-child(2) {font-size: 16px; font-weight: 100; margin-bottom: 12px; word-break: break-word;}
.latest-02-wrap > div:nth-child(2) {width: calc(100% - 400px);}
.owl-carousel .owl-item {position: relative; height: 0; padding-top: 9.97%;}

/* 슬라이드 커스텀 */
.section_title,
.hot_pic_list li .new_icon {display: none;}
.hot_pic {margin: 0;}
.hot_pic > h4 {display: none;}s
.owl-carousel .owl-stage-outer {min-height: 450px;}
.recopick_list > ul {width: 100%;}
.recopick_list > ul li {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; overflow: hidden; padding: 0;}
.recopick_list > ul li a {
    width: 100%; 
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.owl-carousel .owl-item img {display: block; width: 100%; height: 100%; object-fit: cover;}
.recopick_list > ul li p { position: absolute; bottom: 13px; left: 20px; width: 195px; text-overflow: ellipsis;
    overflow: hidden; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; color: #fff; z-index: 999; pointer-events: none;}
 .recopick_list .owl-carousel .owl-nav button  {top: 50% !important; width: 34px !important; height: 34px !important; background-color: rgba(0,0,0,0.5)!important; }
.recopick_list .owl-carousel .owl-nav .owl-prev { left: 1pc;}
.recopick_list .owl-carousel .owl-nav .owl-next{right: 1pc;}
.recopick_list .owl-carousel .owl-nav button span { font-size: 18px; color: #fff !important; text-align: center; margin-top: 3px;}
.recopick_list .owl-carousel .owl-nav .owl-prev span {margin-left: 8px;}
.recopick_list .owl-carousel .owl-nav .owl-next span { margin-left: 6px;}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}

/* 슬라이드 높이 반응형 */

@media screen and (max-width: 1800px) {
    .owl-carousel .owl-item {
        padding-top: 9.899%;
    }
    
}

@media screen and (max-width: 1799px) and (min-width: 1679px) {
    .owl-carousel .owl-item {
       padding-top: 9.925%;
    }
    
}
@media screen and (max-width: 1678px) and (min-width: 1558px) {
    .owl-carousel .owl-item {
       padding-top: 11.73%;
    }
    
}
@media screen and (max-width: 1557px) and (min-width: 1410px) {
    .owl-carousel .owl-item {
       padding-top: 11.73%;
    }
    
}
@media screen and (max-width: 1409px) and (min-width: 1263px) {
    .owl-carousel .owl-item {
       padding-top: 14.37%;
    }
    
}
@media screen and (max-width: 1262px) and (min-width: 1116px) {
    .owl-carousel .owl-item {
       padding-top: 14.38%;
    }
    
}
@media screen and (max-width: 1115px) and (min-width: 969px) {
    .owl-carousel .owl-item {
       padding-top: 18.513%;
    }
    
}
@media screen and (max-width: 968px) and (min-width: 868px) {
    .owl-carousel .owl-item {
       padding-top: 18.55%;
    }
    
}
@media screen and (max-width: 867px) and (min-width: 768px) {
    .owl-carousel .owl-item {
       padding-top: 18.49%;
    }
    
}
@media screen and (max-width: 767px) {
    .owl-carousel .owl-item {
       padding-top: 14.243%;
    }
    
}
@media screen and (max-width: 766px) and (min-width: 662px) {
    .owl-carousel .owl-item {
       padding-top: 14.35%;
    }
    
}
@media screen and (max-width: 661px) and (min-width: 557px) {
    .owl-carousel .owl-item {
       padding-top: 18.47%;
    }
    
}
@media screen and (max-width: 556px) and (min-width: 413px) {
    .owl-carousel .owl-item {
       padding-top: 18.53%;
    }
    
}
@media screen and (max-width: 412px) and (min-width: 269px) {
    .owl-carousel .owl-item {
       padding-top: 18.591%;
    }
    
}